<template>
  <div class="desc-head">
    <span>{{ title }}</span>
    <el-popover placement="top" title="说明" :width="200" trigger="hover" :content="content">
      <template #reference>
        <el-icon>
          <QuestionFilled />
        </el-icon>
      </template>
    </el-popover>
  </div>
</template>
<script setup>
import { QuestionFilled } from "@element-plus/icons-vue";
const props = defineProps(["title", "content"]);
</script>

<style scoped lang="scss">
@import "@/assets/styles/index.scss";
.desc-head {
  @include flexStyle(flex-start, center);
  span {
    margin-right: 5px;
  }
  .el-icon {
    cursor: pointer;
  }
}
</style>
